<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="onBridgeReady()">Try it</button>

<script>
    function onBridgeReady(){
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
                "appId":"wxa79ee47780bf5f07",     //公众号名称，由商户传入
                "timeStamp":"1531711434",         //时间戳，自1970年以来的秒数
                "nonceStr":"sg0rV9Kbxk39fVmN", //随机串
                "package":"prepay_id=wx16112355069660d6c7d67aa12501130714",
                "signType":"MD5",         //微信签名方式：
                "paySign":"77AC0F3F69C35E301C8B7402B199414A" //微信签名
            },
            function(res){
                alert(res);
                if(res.err_msg == "get_brand_wcpay_request:ok" ){
                    // 使用以上方式判断前端返回,微信团队郑重提示：
                    //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
                }
            });
    }
    if (typeof WeixinJSBridge == "undefined"){
        if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    }else{
        onBridgeReady();
    }
</script>

</body>
</html>